﻿<!DOCTYPE html>
<html>
  <head>
    <title>Progress 进度条</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/progress____/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/ie.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="files/progress____/data.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (Group) -->
      <div id="u7606" class="ax_default">

        <!-- Unnamed (Rectangle) -->
        <div id="u7607" class="ax_default box_3">
          <img id="u7607_img" class="img " src="images/progress____/u7607.png"/>
          <!-- Unnamed () -->
          <div id="u7608" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u7609" class="ax_default label">
          <img id="u7609_img" class="img " src="images/progress____/u7609.png"/>
          <!-- Unnamed () -->
          <div id="u7610" class="text" style="visibility: visible;">
            <p><span>满</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u7611" class="ax_default">

        <!-- Unnamed (Rectangle) -->
        <div id="u7612" class="ax_default box_3">
          <img id="u7612_img" class="img " src="images/progress____/u7612.png"/>
          <!-- Unnamed () -->
          <div id="u7613" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u7614" class="ax_default box_3">
          <img id="u7614_img" class="img " src="images/progress____/u7614.png"/>
          <!-- Unnamed () -->
          <div id="u7615" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u7616" class="ax_default label">
          <img id="u7616_img" class="img " src="images/progress____/u7616.png"/>
          <!-- Unnamed () -->
          <div id="u7617" class="text" style="visibility: visible;">
            <p><span>50%</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u7618" class="ax_default">

        <!-- Unnamed (Rectangle) -->
        <div id="u7619" class="ax_default box_3">
          <img id="u7619_img" class="img " src="images/progress____/u7619.png"/>
          <!-- Unnamed () -->
          <div id="u7620" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Shape) -->
        <div id="u7621" class="ax_default _形状">
          <img id="u7621_img" class="img " src="images/progress____/u7621.png"/>
          <!-- Unnamed () -->
          <div id="u7622" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u7623" class="ax_default">

        <!-- Unnamed (Rectangle) -->
        <div id="u7624" class="ax_default box_3">
          <img id="u7624_img" class="img " src="images/progress____/u7612.png"/>
          <!-- Unnamed () -->
          <div id="u7625" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u7626" class="ax_default box_3">
          <img id="u7626_img" class="img " src="images/progress____/u7626.png"/>
          <!-- Unnamed () -->
          <div id="u7627" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Shape) -->
        <div id="u7628" class="ax_default _形状">
          <img id="u7628_img" class="img " src="images/progress____/u7628.png"/>
          <!-- Unnamed () -->
          <div id="u7629" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u7630" class="ax_default">

        <!-- Unnamed (Rectangle) -->
        <div id="u7631" class="ax_default box_3">
          <img id="u7631_img" class="img " src="images/progress____/u7612.png"/>
          <!-- Unnamed () -->
          <div id="u7632" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u7633" class="ax_default box_3">
          <img id="u7633_img" class="img " src="images/progress____/u7633.png"/>
          <!-- Unnamed () -->
          <div id="u7634" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Shape) -->
        <div id="u7635" class="ax_default _形状">
          <img id="u7635_img" class="img " src="images/progress____/u7635.png"/>
          <!-- Unnamed () -->
          <div id="u7636" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u7637" class="ax_default">

        <!-- Unnamed (Rectangle) -->
        <div id="u7638" class="ax_default box_3">
          <img id="u7638_img" class="img " src="images/progress____/u7638.png"/>
          <!-- Unnamed () -->
          <div id="u7639" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u7640" class="ax_default label">
          <img id="u7640_img" class="img " src="images/progress____/u7640.png"/>
          <!-- Unnamed () -->
          <div id="u7641" class="text" style="visibility: visible;">
            <p><span>0%</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u7642" class="ax_default">

        <!-- Unnamed (Rectangle) -->
        <div id="u7643" class="ax_default box_3">
          <img id="u7643_img" class="img " src="images/progress____/u7638.png"/>
          <!-- Unnamed () -->
          <div id="u7644" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u7645" class="ax_default box_3">
          <img id="u7645_img" class="img " src="images/progress____/u7645.png"/>
          <!-- Unnamed () -->
          <div id="u7646" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u7647" class="ax_default label">
          <img id="u7647_img" class="img " src="images/progress____/u7647.png"/>
          <!-- Unnamed () -->
          <div id="u7648" class="text" style="visibility: visible;">
            <p><span>70%</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u7649" class="ax_default">

        <!-- Unnamed (Rectangle) -->
        <div id="u7650" class="ax_default box_3">
          <img id="u7650_img" class="img " src="images/progress____/u7638.png"/>
          <!-- Unnamed () -->
          <div id="u7651" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u7652" class="ax_default box_3">
          <img id="u7652_img" class="img " src="images/progress____/u7652.png"/>
          <!-- Unnamed () -->
          <div id="u7653" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u7654" class="ax_default label">
          <img id="u7654_img" class="img " src="images/progress____/u7647.png"/>
          <!-- Unnamed () -->
          <div id="u7655" class="text" style="visibility: visible;">
            <p><span>80%</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u7656" class="ax_default">

        <!-- Unnamed (Rectangle) -->
        <div id="u7657" class="ax_default box_3">
          <img id="u7657_img" class="img " src="images/progress____/u7638.png"/>
          <!-- Unnamed () -->
          <div id="u7658" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u7659" class="ax_default box_3">
          <img id="u7659_img" class="img " src="images/progress____/u7659.png"/>
          <!-- Unnamed () -->
          <div id="u7660" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u7661" class="ax_default label">
          <img id="u7661_img" class="img " src="images/progress____/u7661.png"/>
          <!-- Unnamed () -->
          <div id="u7662" class="text" style="visibility: visible;">
            <p><span>100%</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u7663" class="ax_default">

        <!-- Unnamed (Rectangle) -->
        <div id="u7664" class="ax_default box_3">
          <img id="u7664_img" class="img " src="images/progress____/u7638.png"/>
          <!-- Unnamed () -->
          <div id="u7665" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u7666" class="ax_default box_3">
          <img id="u7666_img" class="img " src="images/progress____/u7666.png"/>
          <!-- Unnamed () -->
          <div id="u7667" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u7668" class="ax_default label">
          <img id="u7668_img" class="img " src="images/progress____/u7647.png"/>
          <!-- Unnamed () -->
          <div id="u7669" class="text" style="visibility: visible;">
            <p><span>50%</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u7670" class="ax_default">

        <!-- Unnamed (Ellipse) -->
        <div id="u7671" class="ax_default ellipse">
          <img id="u7671_img" class="img " src="images/progress____/u7671.png"/>
          <!-- Unnamed () -->
          <div id="u7672" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u7673" class="ax_default ellipse">
          <img id="u7673_img" class="img " src="images/progress____/u7673.png"/>
          <!-- Unnamed () -->
          <div id="u7674" class="text" style="visibility: visible;">
            <p><span>0%</span></p>
          </div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u7675" class="ax_default ellipse">
          <img id="u7675_img" class="img " src="images/progress____/u7675.png"/>
          <!-- Unnamed () -->
          <div id="u7676" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u7677" class="ax_default">

        <!-- Unnamed (Ellipse) -->
        <div id="u7678" class="ax_default ellipse">
          <img id="u7678_img" class="img " src="images/progress____/u7671.png"/>
          <!-- Unnamed () -->
          <div id="u7679" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Pie Chart) -->
        <div id="u7680" class="ax_default ellipse">
          <img id="u7680_img" class="img " src="images/progress____/u7680.png"/>
          <!-- Unnamed () -->
          <div id="u7681" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u7682" class="ax_default ellipse">
          <img id="u7682_img" class="img " src="images/progress____/u7673.png"/>
          <!-- Unnamed () -->
          <div id="u7683" class="text" style="visibility: visible;">
            <p><span>25%</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u7684" class="ax_default">

        <!-- Unnamed (Ellipse) -->
        <div id="u7685" class="ax_default ellipse">
          <img id="u7685_img" class="img " src="images/progress____/u7685.png"/>
          <!-- Unnamed () -->
          <div id="u7686" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u7687" class="ax_default ellipse">
          <img id="u7687_img" class="img " src="images/progress____/u7673.png"/>
          <!-- Unnamed () -->
          <div id="u7688" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Shape) -->
        <div id="u7689" class="ax_default _形状">
          <img id="u7689_img" class="img " src="images/progress____/u7689.png"/>
          <!-- Unnamed () -->
          <div id="u7690" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u7691" class="ax_default">

        <!-- Unnamed (Ellipse) -->
        <div id="u7692" class="ax_default ellipse">
          <img id="u7692_img" class="img " src="images/progress____/u7671.png"/>
          <!-- Unnamed () -->
          <div id="u7693" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Pie Chart) -->
        <div id="u7694" class="ax_default ellipse">
          <img id="u7694_img" class="img " src="images/progress____/u7694.png"/>
          <!-- Unnamed () -->
          <div id="u7695" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u7696" class="ax_default ellipse">
          <img id="u7696_img" class="img " src="images/progress____/u7673.png"/>
          <!-- Unnamed () -->
          <div id="u7697" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Shape) -->
        <div id="u7698" class="ax_default _形状">
          <img id="u7698_img" class="img " src="images/progress____/u7698.png"/>
          <!-- Unnamed () -->
          <div id="u7699" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u7700" class="ax_default">

        <!-- Unnamed (Ellipse) -->
        <div id="u7701" class="ax_default ellipse">
          <img id="u7701_img" class="img " src="images/progress____/u7671.png"/>
          <!-- Unnamed () -->
          <div id="u7702" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Pie Chart) -->
        <div id="u7703" class="ax_default ellipse">
          <img id="u7703_img" class="img " src="images/progress____/u7703.png"/>
          <!-- Unnamed () -->
          <div id="u7704" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u7705" class="ax_default ellipse">
          <img id="u7705_img" class="img " src="images/progress____/u7673.png"/>
          <!-- Unnamed () -->
          <div id="u7706" class="text" style="visibility: visible;">
            <p><span>56%</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u7707" class="ax_default">

        <!-- Unnamed (Ellipse) -->
        <div id="u7708" class="ax_default ellipse">
          <img id="u7708_img" class="img " src="images/progress____/u7708.png"/>
          <!-- Unnamed () -->
          <div id="u7709" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u7710" class="ax_default ellipse">
          <img id="u7710_img" class="img " src="images/progress____/u7673.png"/>
          <!-- Unnamed () -->
          <div id="u7711" class="text" style="visibility: visible;">
            <p><span>Done</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u7712" class="ax_default">

        <!-- Unnamed (Rectangle) -->
        <div id="u7713" class="ax_default box_3">
          <img id="u7713_img" class="img " src="images/progress____/u7612.png"/>
          <!-- Unnamed () -->
          <div id="u7714" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u7715" class="ax_default box_3">
          <img id="u7715_img" class="img " src="images/progress____/u7715.png"/>
          <!-- Unnamed () -->
          <div id="u7716" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u7717" class="ax_default label">
          <img id="u7717_img" class="img " src="images/progress____/u7616.png"/>
          <!-- Unnamed () -->
          <div id="u7718" class="text" style="visibility: visible;">
            <p><span>20%</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u7719" class="ax_default">

        <!-- Unnamed (Rectangle) -->
        <div id="u7720" class="ax_default box_3">
          <img id="u7720_img" class="img " src="images/progress____/u7612.png"/>
          <!-- Unnamed () -->
          <div id="u7721" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u7722" class="ax_default box_3">
          <img id="u7722_img" class="img " src="images/progress____/u7722.png"/>
          <!-- Unnamed () -->
          <div id="u7723" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u7724" class="ax_default label">
          <img id="u7724_img" class="img " src="images/progress____/u7616.png"/>
          <!-- Unnamed () -->
          <div id="u7725" class="text" style="visibility: visible;">
            <p><span>20%</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u7726" class="ax_default">

        <!-- Unnamed (Rectangle) -->
        <div id="u7727" class="ax_default box_3">
          <img id="u7727_img" class="img " src="images/progress____/u7612.png"/>
          <!-- Unnamed () -->
          <div id="u7728" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u7729" class="ax_default box_3">
          <img id="u7729_img" class="img " src="images/progress____/u7729.png"/>
          <!-- Unnamed () -->
          <div id="u7730" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u7731" class="ax_default label">
          <img id="u7731_img" class="img " src="images/progress____/u7616.png"/>
          <!-- Unnamed () -->
          <div id="u7732" class="text" style="visibility: visible;">
            <p><span>20%</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u7733" class="ax_default">

        <!-- Unnamed (Ellipse) -->
        <div id="u7734" class="ax_default ellipse">
          <img id="u7734_img" class="img " src="images/progress____/u7671.png"/>
          <!-- Unnamed () -->
          <div id="u7735" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Pie Chart) -->
        <div id="u7736" class="ax_default ellipse">
          <img id="u7736_img" class="img " src="images/progress____/u7736.png"/>
          <!-- Unnamed () -->
          <div id="u7737" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u7738" class="ax_default ellipse">
          <img id="u7738_img" class="img " src="images/progress____/u7673.png"/>
          <!-- Unnamed () -->
          <div id="u7739" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Shape) -->
        <div id="u7740" class="ax_default _形状">
          <img id="u7740_img" class="img " src="images/progress____/u7740.png"/>
          <!-- Unnamed () -->
          <div id="u7741" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u7742" class="ax_default">

        <!-- Unnamed (Group) -->
        <div id="u7743" class="ax_default">

          <!-- Unnamed (Ellipse) -->
          <div id="u7744" class="ax_default ellipse">
            <img id="u7744_img" class="img " src="images/progress____/u7671.png"/>
            <!-- Unnamed () -->
            <div id="u7745" class="text" style="display: none; visibility: hidden">
              <p><span></span></p>
            </div>
          </div>

          <!-- Unnamed (Pie Chart) -->
          <div id="u7746" class="ax_default ellipse">
            <img id="u7746_img" class="img " src="images/progress____/u7746.png"/>
            <!-- Unnamed () -->
            <div id="u7747" class="text" style="display: none; visibility: hidden">
              <p><span></span></p>
            </div>
          </div>

          <!-- Unnamed (Ellipse) -->
          <div id="u7748" class="ax_default ellipse">
            <img id="u7748_img" class="img " src="images/progress____/u7673.png"/>
            <!-- Unnamed () -->
            <div id="u7749" class="text" style="visibility: visible;">
              <p><span>25%</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u7750" class="ax_default box_2">
          <img id="u7750_img" class="img " src="images/progress____/u7750.png"/>
          <!-- Unnamed () -->
          <div id="u7751" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7752" class="ax_default label">
        <img id="u7752_img" class="img " src="images/progress____/u7752.png"/>
        <!-- Unnamed () -->
        <div id="u7753" class="text" style="visibility: visible;">
          <p><span>Progress 进度条</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7754" class="ax_default label">
        <img id="u7754_img" class="img " src="images/icon_图标/u492.png"/>
        <!-- Unnamed () -->
        <div id="u7755" class="text" style="visibility: visible;">
          <p><span>线形进度条</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7756" class="ax_default label">
        <img id="u7756_img" class="img " src="images/select____/u3256.png"/>
        <!-- Unnamed () -->
        <div id="u7757" class="text" style="visibility: visible;">
          <p><span>用于展示操作进度，告知用户当前状态和预期。</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7758" class="ax_default label">
        <img id="u7758_img" class="img " src="images/icon_图标/u492.png"/>
        <!-- Unnamed () -->
        <div id="u7759" class="text" style="visibility: visible;">
          <p><span>百分比内显</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7760" class="ax_default label">
        <img id="u7760_img" class="img " src="images/table___/u7405.png"/>
        <!-- Unnamed () -->
        <div id="u7761" class="text" style="visibility: visible;">
          <p><span>百分比不占用额外控件，适用于文件上传等场景。</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7762" class="ax_default label">
        <img id="u7762_img" class="img " src="images/icon_图标/u492.png"/>
        <!-- Unnamed () -->
        <div id="u7763" class="text" style="visibility: visible;">
          <p><span>自定义颜色</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7764" class="ax_default label">
        <img id="u7764_img" class="img " src="images/icon_图标/u492.png"/>
        <!-- Unnamed () -->
        <div id="u7765" class="text" style="visibility: visible;">
          <p><span>环形进度条</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7766" class="ax_default label">
        <img id="u7766_img" class="img " src="images/cascader______/u4604.png"/>
        <!-- Unnamed () -->
        <div id="u7767" class="text" style="visibility: visible;">
          <p><span>仪表盘形进度条</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7768" class="ax_default box_2">
        <img id="u7768_img" class="img " src="images/color___/u352.png"/>
        <!-- Unnamed () -->
        <div id="u7769" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>
    </div>
  </body>
</html>
